*{
  margin: 0;
  padding: 0;
}
html,body{
  width: 100%;
}

.style-scroller {
  &::-webkit-scrollbar{
    width:6px;
    height:3px;
  }
  &::-webkit-scrollbar-button,::-webkit-scrollbar-track{
    display:none;
  }
  &::-webkit-scrollbar-track-piece{
    background: #11212b10;
  }
  &::-webkit-scrollbar-thumb{
    background: #00ffdd22;
    border-radius:10px;
  }
}
.layui-layer-iframe.layerSkin {
  position:absolute;
  border-radius:8px;
  padding:40px 40px;
  background-color:rgba(30,64,89,0.75);
	background:
    url(/static/imgs/layer/angle1.png) left top no-repeat ,
    url(/static/imgs/layer/angle2.png) right top no-repeat ,
    url(/static/imgs/layer/angle3.png) right bottom no-repeat ,
    url(/static/imgs/layer/angle4.png) left bottom no-repeat ;
}
.curpointer {
  cursor: pointer !important;
}
.xkdpFull {
  width: 3840px;
  height: 1080px;
  position: relative;
  overflow: hidden;
}
.time-selector {
  position: absolute;
  left: 1100px;
  bottom: 30px;
  width: 740px;
  .audioControl {
    position: absolute;
    display: flex;
    right: 210px;
    top: 0;
    width: 140px;
    justify-content: space-between;
    .iconfont {
      cursor: pointer;
      color: #ea963d;
      font-size: 32px;
    }
  }
  .speedBar {
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 40px;
    span {
      width: 70px;
      color: #ea963d;
      font-size: 21px;
      line-height: 40px;
    }
    .bar {
      width: 170px;
      .el-slider__bar {
        background-color: #ea963d;;
      }
    }
  }
}
.element-checkbox {
  position: absolute;
  top: 200px;
  left: 1640px;
  width: 200px;
  .el-checkbox__inner {
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
    &::after {
      height: 14px;
      left: 8px;
    }
  }
  .el-checkbox__label {
    font-size: 24px;
  }
}
#xkBanner {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 20px;
  display: flex;
  user-select: none;
  align-items: center;
  &.map {
    top: 0;
    left: 0;
    background: url(/static/imgs/zhdd/400.png);
  }
  img {
    display: block;
    margin-right: 20px;
  }
  .h1 {
    font-size: 44px;
    color: white;
    span {
      font-size: 42px;
      color: #00ffdd;
    }
  }
}

#xkSsgz {
  background: url(/static/imgs/zhdd/11.png) no-repeat;
  position: absolute;
  width: 358px;
  height: 881px;
  z-index: 100;
  transform: translateX(40px);
  top: 115px;
  padding: 60px 10px 20px;
  &:hover {
    .clsBtn {
      display: block;
      cursor: pointer;
    }
  }
  &.close {
    transform: translateX(-370px);
    .clsBtn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: -27px;
      top: 60px;
      width: 35px;
      height: 160px;
      background: #17b9f8;
      border-radius: 0 25px 25px 0;
      cursor: pointer;
      &::after {
        content: '>';
        color: white;
        font-size: 32px;
        line-height: 100px;
        text-align: center;
        zoom: 1.5;
      }
    }
  }
  .clsBtn {
    display: none;
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -6px;
    width: 70px;
    height: 70px;
    background: url(/static/imgs/cls.png) no-repeat;
    background-size: 100%;
  }
  .title {
    color: white;
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 32px;
  }
  .subtitle {
    background: url(/static/imgs/zhdd/10.png) no-repeat;
    width: 294px;
    height: 56px;
    color: white;
    font-size: 22px;
    margin-top: 18px;
    span {
      margin-left: 20px;
      line-height: 56px;
    }
  }
  .number {
    color: #fcfd32;
    font-size: 34px;
    text-indent: 30px;
    .dw {
      font-size: 20px;
      padding: 0 10px;
    }
  }
  #chartJrkq {
    background: url(/static/imgs/zhdd/1.png) no-repeat;
    background-position: 122px 65px;
  }
  #sjcl {
    display: flex;
    justify-content: space-around;
    .leftItems {
      .item {
        display: flex;
        line-height: 50px;
        .l1 {
          font-size: 24px;
          color: white;
          margin-right: 10px;
        }
        .r1 {
          font-size: 28px;
          color: #fcfd32;
        }
      }
    }
    .rightItem {
      zoom: 90%;
    }
  }
}
.hideCamera {
  transform: translateX(860px);
}
#xkSjlb {
  position: absolute;
  height: 970px;
  z-index: 100;
  right: 1020px;
  top: 90px;
  display: flex;
  .leftFrame {
    background: url(/static/imgs/zhdd/13.png) no-repeat;
    width: 480px;
    margin-right: 31px;
    margin-left: 50px;
    position: relative;
    .searchBar {
      position: absolute;
      background: url(/static/imgs/zhdd/26.png) no-repeat;
      width: 280px;
      right: 10px;
      top: 7px;
      input {
        border: none;
        background: none;
        height: 38px;
        margin-left: 50px;
        width: 160px;
        font-size: 22px;
        color: #00ffdd;
        outline: none;
        &::-webkit-input-placeholder { /* Mozilla Firefox 19+ */
          color: #2fafb3;
        }
      }
      .button {
        height: 33px;
        width: 65px;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0;
      }
    }
    .optionBar {
      position: absolute;
      height: 100%;
      left: -40px;
      top: 48px;
      z-index: -1;
      .item {
        background: url(/static/imgs/zhdd/55.png) no-repeat;
        background-size: 100% 100%;
        width: 38px;
        height: 80px;
        color: #fff;
        font-size: 21px;
        text-align: center;
        padding: 22px 2px;
        margin-bottom: 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        &.active {
          background: url(/static/imgs/zhdd/12.png) no-repeat -14px -10px;
          color: white;
        }
        &:first-child {
          background: url(/static/imgs/zhdd/19.png) no-repeat;
          width: 40px;
          height: 90px;
          font-size: 21px;
          text-align: center;
          padding: 13px 2px;
          margin-bottom: 6px;
          &.active {
            background: url(/static/imgs/zhdd/33.png) no-repeat -14px -8px;
          }
        }
      }
    }
    .title {
      color: white;
      position: absolute;
      left: 30px;
      top: 10px;
      font-size: 30px;
      .refresh {
        position: absolute;
        width: 40px;
        height: 36px;
        background: url(/static/imgs/zhdd/ref.png) no-repeat;
        right: -45px;
        top: 4px;
        cursor: pointer;
        &.loading {
          animation:turn 1s linear infinite;
        }
        @keyframes turn{
          0%{-webkit-transform:rotate(0deg);}
          25%{-webkit-transform:rotate(90deg);}
          50%{-webkit-transform:rotate(180deg);}
          75%{-webkit-transform:rotate(270deg);}
          100%{-webkit-transform:rotate(360deg);}
        }
      }
    }
    .sjItems {
      margin-top: 55px;
      .item {
        padding: 15px 10px 0px;
        border-bottom: 1px solid #276fa0;
        margin: 0 15px 0 10px;
        height: 105px;
        cursor: pointer;
        &.active,&:hover {
          background: linear-gradient(to right, #276fa0, #ffffff00);
          background: -webkit-linear-gradient(to right, #276fa0, #ffffff00);
          background: -o-linear-gradient(to right, #276fa0, #ffffff00);
          background: -moz-linear-gradient(to right, #276fa0, #ffffff00);
        }
        .topp {
          display: flex;
          img {
            width: 90px;
            min-width: 90px;
            max-width: 90px;
            height: 65px;
            border: 1px solid #00ffdd;
          }
          .sjtitle {
            margin-left: 20px;
            font-size: 20px;
            line-height: 32px;
            color: white;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
        }
        .botmp {
          color: #85a8d2;
          display: flex;
          justify-content: space-around;
          font-size: 20px;
          margin-top: 5px;
          .ren {
            position: relative;
            text-indent: 20px;
            min-width: 145px;
            &::before {
              content: ' ';
              width: 15px;
              background: url(/static/imgs/zhdd/17.png) no-repeat;
              height: 15px;
              position: absolute;
              left: 0px;
              top: 8px;
            }
          }
          .chd {
            position: relative;
            text-indent: 20px;
            &::before {
              content: ' ';
              width: 15px;
              height: 15px;
              position: absolute;
              left: 0px;
              top: 8px;
            }
            &.jj::before {
              background: url(/static/imgs/zhdd/24.png) no-repeat;
            }
            &.yb::before {
              background: url(/static/imgs/zhdd/7.png) no-repeat;
            }
            &.aq::before {
              background: url(/static/imgs/zhdd/25.png) no-repeat;
            }
          }
          .shj {
            position: relative;
            text-indent: 20px;
            &::before {
              content: ' ';
              width: 15px;
              background: url(/static/imgs/zhdd/16.png) no-repeat;
              height: 15px;
              position: absolute;
              left: 0px;
              top: 8px;
            }
          }
        }
      }
    }
    .ryItems {
      margin-top: 55px;
      min-height: 600px;
      .filters {
        display: flex;
        padding: 10px 50px;
        justify-content: space-around;
        align-items: center;
        .item {
          width: 110px;
          height: 48px;
          color: white;
          background: url(/static/imgs/zhdd/35.png);
          &.active {
            background: url(/static/imgs/zhdd/34.png);
          }
          background-size: 100%;
          text-align: center;
          line-height: 48px;
          font-size: 22px;
          cursor: pointer;
        }
      }
      .ry-item {
        padding: 10px 10px;
        margin: 0 16px 0 10px;
        border-bottom: 1px solid #91a2d1;
        color: white;
        cursor: pointer;
        &.active {
          background: linear-gradient(to right, #276fa0, #ffffff00);
        }
        &.unline{
          .len .status{
            color: #fcfd6d;
          }
          .len .name::before {
            background: url(/static/imgs/zhdd/37.png);
          }
        }
        .len {
          display: flex;
          height: 46px;
          line-height: 46px;
          font-size: 22px;
          .name {
            flex: 3;
            position: relative;
            text-indent: 40px;
            &::before {
              content: '';
              background: url(/static/imgs/zhdd/36.png);
              width: 30px;
              height: 30px;
              background-size: 100%;
              position: absolute;
              top: 7px;
              left: 0;
            }
          }
          .status {
            flex: 1;
            text-align: right;
            color: #00f8fe;
          }
          .time {
            flex: 3;
            text-indent: 40px;
            position: relative;
            &::before {
              content: '';
              background: url(/static/imgs/zhdd/40.png);
              width: 30px;
              height: 30px;
              background-size: 100%;
              position: absolute;
              top: 7px;
              left: 0;
            }
          }
          .distance {
            flex: 1;
            text-align: right;
            position: relative;
            &::before {
              content: '';
              background: url(/static/imgs/zhdd/41.png);
              width: 30px;
              height: 30px;
              background-size: 100%;
              position: absolute;
              top: 7px;
              left: 0;
            }
          }
        }
      }
    }
    .el-loading-mask {
      background: unset;
      zoom: 2;
    }
    .cameraItems {
      margin-top: 55px;
      min-height: 600px;
      >.item {
        padding: 10px 10px;
        margin: 0 16px 0 11px;
        border-bottom: 1px solid #91a2d1;
        color: white;
        cursor: pointer;
        line-height: 35px;
        .name {
          color: #D5DE45;
          font-size: 24px;
        }
        .addr {
          font-size: 20px;
        }
        &.active {
          background: linear-gradient(to right, #276fa0, #ffffff00);
        }
      }
    }
    .searchFrame {
      position: absolute;
      top: 55px;
      width: 96%;
      left: 6px;
      bottom: 15px;
      background: #0a1e4df7;
      z-index: 1;
      border-radius: 0 0 45px 48px;
      .clsbtn {
        width: 40px;
        height: 40px;
        position: relative;
        font-size: 40px;
        color: #71eafc;
        float: right;
        cursor: pointer;
        text-align: center;
        line-height: 32px;
        margin: 10px;
      }
      .form {
        margin: 50px 20px;
        .len {
          display: flex;
          height: 40px;
          margin-bottom: 30px;
          color: white;
          font-size: 24px;
          .lw-datepicker {
            .el-input__suffix {
              right: -15px;
            }
          }
          .lw-selector {
            background: #0b3369;
            border: 1px solid #71eafc;
            height: 40px;
            width: 220px;
            margin-left: 20px;
            color: white;
            font-size: 20px;
            .el-input__inner {
              height: unset;
              line-height: unset;
              background: none;
            }
            .el-cascader__label {
              background: #0b3369;
              color: white;
              span {
                color: white;
              }
            }
          }
          .t {
            width: 130px;
            text-align: right;
            line-height: 40px;
          }
          .input input,select,option {
            background: #0b3369;
            border: 1px solid #71eafc;
            height: 40px;
            width: 220px;
            margin-left: 20px;
            color: white;
            font-size: 24px;
            text-indent: 18px;
          }
          .input .el-input__prefix {
            left: 25px;
          }
        }
        .btns {
          margin-top: 40px;
          display: flex;
          justify-content: space-around;
          .btn {
            width: 170px;
            height: 50px;
            cursor: pointer;
            &.search {
              background: url(/static/imgs/zhdd/38.png);
            }
            &.cz {
              background: url(/static/imgs/zhdd/39.png);
            }
          }
        }
      }
    }
    .pagebtns {
      position: absolute;
      display: flex;
      width: 250px;
      bottom: -5px;
      left: 120px;
      height: 50px;
      align-items: center;
      justify-content: space-around;
      .btn1 {
        cursor: pointer;
        height: 35px;
        background: url(/static/imgs/zhdd/4.png) no-repeat;
        color: white;
        font-size: 18px;
        width: 100px;
        border: none;
      }
    }
  }
  .styleLine {
    background: url(/static/imgs/zhdd/15.png) no-repeat;
    position: absolute;
    width: 62px;
    height: 115px;
    left: 511px;
    top: 27px;
  }
  .rightFrame {
    background: url(/static/imgs/zhdd/14.png) no-repeat;
    width: 480px;
    overflow-y: auto;
    .item-detail-info {
      height: calc(100% - 40px);
      overflow-y: auto;
      @extend .style-scroller;
    }
    .currentSj {
      margin: 30px 15px;
      .title {
        color: white;
        font-size: 26px;
        line-height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .flex {
        display: flex;
        display: flex;
        align-items: center;
      }
      .headImg {
        width: 100px;
        height: 120px;
        margin-right: 10px;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .imgView {
        margin: 20px 0;
        >div {
          position: relative;
          display: inline;
          margin: 0 6px;
        }
        .imgDiv::after {
          position: absolute;
          content: ' ';
          width: 68px;
          height: 23px;
          background: url(/static/imgs/zhdd/27.png) no-repeat;
          left: 0;
        }
        img {
          width: 135px;
          height: 90px;
          margin-bottom: 10px;
        }
        .afterDo::after {
          background-position: 0 -28px;
        }
      }
      .abstracts {
        color: #fff;
        font-size: 22px;
        .item {
          line-height: 38px;
          display: flex;
          .key {
            width: 125px;
          }
        }
      }
      .viewbtn {
        background: url(/static/imgs/zhdd/5.png) no-repeat;
        width: 190px;
        height: 50px;
        margin: 18px auto;
        cursor: pointer;
      }
      .actionb {
        color: white;
        font-size: 26px;
        cursor: pointer;
        width: 180px;
        border-radius: 10px;
        height: 46px;
        line-height: 46px;
        border: 2px solid #83ffce;
        text-align: center;
        margin: 15px auto;
      }
    }
    .extra {
      .title {
        margin: 0px 40px;
        color: white;
        font-size: 30px;
        border-bottom: 1px solid #276fa0;
        line-height: 45px;
        padding: 0 0 5px 50px;
      }
      .zbry {
        background: url(/static/imgs/zhdd/21.png) no-repeat 10px;
      }
      .zbjk {
        background: url(/static/imgs/zhdd/6.png) no-repeat 10px;
      }
      .exscroll {
        max-height: 150px;
        margin: 5px 35px 20px 40px;
        overflow-y: auto;
        .item {
          display: flex;
          color: white;
          line-height: 50px;
          max-width: 400px;
          font-size: 20px;
          justify-content: space-between;
          .sjname {
            flex-grow: 1;
            cursor: pointer;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
          }
          .btns {
            display: flex;
            >div {
              height: 48px;
              width: 50px;
              cursor: pointer;
            }
            .voice {
              background: url(/static/imgs/zhdd/22.png) no-repeat 10px;
            }
            .track {
              background: url(/static/imgs/zhdd/22_1.png) no-repeat 10px;
            }
            .camera {
              background: url(/static/imgs/zhdd/29.png) no-repeat 10px;
            }
            .video {
              background: url(/static/imgs/zhdd/23.png) no-repeat 10px;
            }
          }
        }
      }
    }
  }
}
.dragmm:hover {
  &::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: black;
    background-image: url(/static/imgs/drag.png);
    background-size: 100%;
    top: 0;
    right: 0;
  }
}
#cameras {
  width: 900px;
  height: 960px;
  position: absolute;
  right: 55px;
  top: 90px;
  padding-right: 40px;
  &:hover {
    .clsBtn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: 4px;
      top: 630px;
      width: 35px;
      height: 160px;
      background: #17b9f8;
      border-radius: 0 25px 25px 0;
      &::after {
        content: '>';
        color: white;
        font-size: 32px;
        line-height: 100px;
        text-align: center;
        zoom: 1.5;
      }
    }
    .refresh {
      display: block;
    } 
  }
  &.close {
    transform: translateX(995px);
    .clsBtn {
      display: block;
      cursor: pointer;
      position: absolute;
      right: 940px;
      top: 630px;
      width: 35px;
      height: 160px;
      background: #17b9f8;
      border-radius: 25px 0 0 25px;
      &::after {
        content: '<';
        color: white;
        font-size: 32px;
        line-height: 100px;
        text-align: center;
        zoom: 1.5;
      }
    }
  }
  .clsBtn {
    display: none;
    cursor: pointer;
    position: absolute;
    right: -38px;
    top: -21px;
    width: 70px;
    height: 70px;
    background: url(/static/imgs/cls.png) no-repeat;
    background-size: 100%;
  }
  .refresh {
    display: none;
    position: absolute;
    right: 40px;
    top: -30px;
    z-index: 1;
    font-size: 30px;
    width: 30px;
    height: 30px;
    color: cyan;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
  }
  .topbig {
    position: relative;
    video,img {
      width: 850px;
      height: 455px;
      object-fit: fill;
      background: url(/static/imgs/test.png);
      &.active {
        border: 2px solid red;
      }
    }
  }
  .listIts {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    .item {
      &.active {
        box-shadow: 0px 0px 6px 5px #00b8ffbf;
      }
      &:first-child {
        width: 897px;
        height: 510px;
        margin-bottom: 40px;
      }
      position: relative;
      width: 430px;
      height: 370px;
      margin-bottom: 25px;
    }
    video, img {
      width: 100%;
      height: 100%;
      object-fit: fill;
      user-select: none;
      background: url(/static/imgs/test.png);
    }
  }
}

#xkRightOption {
  position: absolute;
  width: 85px;
  height: 450px;
  right: -8px;
  top: 90px;
  z-index: 150;
  .item {
    background: url(/static/imgs/zhdd/9.png) no-repeat;
    background-size: 70px 100%;
    margin-bottom: 50px;
    overflow: hidden;
    cursor: pointer;
    .title {
      width: 30px;
      font-size: 32px;
      line-height: 32px;
      margin: 12px;
      color: #4fbddb;
      padding: 10px 0;
    }
    &.active {
      background: url(/static/imgs/zhdd/8.png) no-repeat;
      background-size: 78px 100%;
      .title {
        color: white;
      }
    }
  }
}

#wghlarge {
  height: 100vh;
  overflow: hidden;
  background: url(/static/imgs/wgh/background.png);
}

#wghmap {
  position: absolute;
  width: 3840px;
  height: 100%;
  overflow: hidden;
  &:after {
    content: '';
    background: url(/static/imgs/wgh/mask1.png);
    width: 3840px;
    height: 1080px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  #wghMap {
    /deep/ .amap-maps {
      #l7_canvaslayer {
        z-index: 0 !important;
      }
    }
  }
  .local-zb {
    width: 700px;
    height: 40px;
    position: absolute;
    left: 960px;
    top: 94px;
    color: white;
    z-index: 1;
    &::before {
      content: '';
      position: absolute;
      background: url(/static/imgs/wgh/13.png) no-repeat 0px 5px;
      width: 40px;
      height: 40px;
    }
    ul {
      display: flex;
      list-style: none;
      font-size: 28px;
      margin-left: 30px;
      li:not(:last-child)::after {
        content: '>'
      }
      li:last-child {
        color: #36d4dd;
      }
    }
  }
  .dragItem {
    position: absolute;
    right: 980px;
    min-width: 190px;
    top: 50px;
    z-index: 2;
    .person-expandBtn {
      width: 83px;
      height: 59px;
      position: absolute;
      right: 0;
      cursor: pointer;
      background: url(/static/imgs/wgh/btn_902.png);
      &.active, &:hover {
        background: url(/static/imgs/wgh/btn_901.png);
      }
    }
    .company-expandBtn {
      width: 83px;
      height: 59px;
      position: absolute;
      right: 0;
      cursor: pointer;
      background: url(/static/imgs/wgh/btn_904.png);
      &.active, &:hover {
        background: url(/static/imgs/wgh/btn_903.png);
      }
    }
    .map-infos-item {
      background: #081b4da6;
      margin-top: 59px;
      color: #fff;
      border: 2px solid #16afce;
      padding: 10px;
      font-size: 22px;
      line-height: 50px;
      .itemtitle {
        text-align: center;
        font-weight: blod;
      }
      .itemcanvs {
        &.qqxx {
          .item .name {
            width: 180px;
          }
        }
        .item {
          display: flex;
          justify-content: space-between;
          .legend {
            width: 50px;
            img {
              width: 26px;
              margin-left: 10px;
            }
          }
          .name {
            width: 70px;
            margin: 0 10px;
          }
          .num {
            width: 80px;
            color: #03dacd;
          }
        }
      }
    }
  }
  .mapItems {
    font-size: 28px;
    width: 110px;
    height: 130px;
    color: #4dcef7;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 20px;
    .name {
      text-align: center;
      width: 100%;
    }
    &.active {
      color: white;
    }
    &.ry {
      background: url(/static/imgs/wgh/14h.png) no-repeat;
      &.active {
        background: url(/static/imgs/wgh/14.png) no-repeat;
      }
    }
    &.cs {
      background: url(/static/imgs/wgh/15h.png) no-repeat;
      &.active {
        background: url(/static/imgs/wgh/15.png) no-repeat;
      }
    }
    &.sx {
      background: url(/static/imgs/wgh/16h.png) no-repeat;
      &.active {
        background: url(/static/imgs/wgh/16.png) no-repeat;
      }
    }
    &.yj {
      background: url(/static/imgs/wgh/18h.png) no-repeat;
      &.active {
        background: url(/static/imgs/wgh/18.png) no-repeat;
      }
    }
    &.zj {
      background: url(/static/imgs/wgh/19h.png) no-repeat;
      &.active {
        background: url(/static/imgs/wgh/19.png) no-repeat;
      }
    }
  }
  .map-menu-options {
    width: 110px;
    height: 800px;
    position: absolute;
    left: 950px;
    top: 180px;
    z-index: 2;
    >.item{
      @extend .mapItems;
      cursor: pointer;
    }
  }

  .map-menu-details {
    max-width: 360px;
    height: 830px;
    position: absolute;
    left: 950px;
    top: 170px;
    z-index: 2;
    // background: linear-gradient(to right, #060626 80%, #ffffff00 100%);
    .optionItem {
      margin: 15px 20px;
      @extend .mapItems;
    }
    .mp-body {
      width: 100%;
      max-height: 570px;
      overflow-y: auto;
      @extend .style-scroller;
      .item {
        color: white;
        font-size: 24px;
        margin: 20px 20px 20px 30px;
        display: flex;
        align-items: center;
        cursor: default;
        &.active {
          color: cyan;
          border: 1px dashed;
        }
        img {
          margin-right: 20px;
        }
        .count {
          margin-left: 10px;
          color: yellow;
        }
      }
    }
    .clsBtn {
      cursor: pointer;
      width: 55px;
      height: 55px;
      background: url(/static/imgs/cls.png);
      margin: 20px auto;
      bottom: 40px;
      left: 0;
      right: 0;
    }
  }
  /*
  .activity-popover {
    left: 490px;
    top: 170px;
    height: 600px;
    background: #060626db;
    .clsBtn {
      width: 55px;
      height: 55px;
      background: url(/static/imgs/cls.png);
      margin: 0 auto;
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      cursor: pointer;
    }
    .common-detail {
      height: calc(100% - 70px);
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 20px;
      .form-util {
        color: white;
        font-size: 30px;
        .item {
          margin-bottom: 10px;
        }
        .flex {
          display: flex;
          .key {
            flex: 1;
            min-width: 150px;
            text-align: justify;
            text-align-last: justify;
            margin-right: 20px;
          }
          .value {
            flex: 3;
          }
        }
        .title {
          margin: 20px;
          color: yellow;
          text-align: center;
          border-bottom: 1px solid #3aa1ff;
        }
        .img {
          width: 100%;
          height: 250px;
          margin: 10px auto;
          img {
            width: 100%;
            max-height: 100%;
            object-fit: contain;
          }
        }
        .desc {
          font-size: 24px;
          text-indent: 2rem;
        }
        .iconfont {
          font-size: 32px;
          color: #7dd6fe;
        }
      }
    }
  }
  */

  .common-detail {
    &.key200 {
      .key {
        min-width: 200px !important;
      }
    }
    overflow-y: auto;
    overflow-x: hidden;
    .form-util {
      color: white;
      font-size: 22px;
      .item {
        margin-bottom: 10px;
        clear: both;
      }
      .flex {
        display: flex;
        .key {
          flex: 1;
          min-width: 150px;
          text-align: justify;
          text-align-last: justify;
          color: #7dd6fe;
        }
        .value {
          flex: 3;
        }
      }
      .title {
        color: yellow;
        text-align: left;
        cursor: pointer;
        float: right;
        width: calc(100% - 170px);
        margin: 25px 0px;
      }
      .img {
        float: left;
        width: 150px;
        height: 120px;
        border: 2px solid #07dce9;
        clear: none;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      .desc {
        font-size: 22px;
        text-indent: 2rem;
      }
      .iconfont {
        font-size: 32px;
        color: #7dd6fe;
      }
    }
  }

  .infos-right {
    width: 550px;
    height: 870px;
    position: absolute;
    right: 30px;
    top: 45px;
    color: white;
    background: #11172db8;
    padding-left: 15px;
    user-select: none;
    .el-carousel__container {
      height: 100%;
      .el-icon-arrow-left {
        display: none !important;
      }
      .el-icon-arrow-right {
        zoom: 5;
        color: cyan;
      }
    }
    .infos-item, .infos-item-block {
      display: flex;
      margin-bottom: 10px;
      .itemtitle {
        font-size: 30px;
        color: #fffd65;
        width: 35px;
        line-height: 35px;
        &::before {
          content: '•';
          color: white;
          width: 28px;
          height: 28px;
          display: block;
          text-align: center;
        }
      }
      .itemcanvs {
        flex-grow: 1;
      }
      .yzwy {
        .item {
          width: 114px;
          height: 99px;
          position: absolute;
          font-size: 22px;
          text-align: center;
          .name {
            margin-top: 38px;
          }
          .num {
            color: #fffd65;
          }
          &:nth-child(1) {
            background: url(/static/imgs/wgh/20.png);
            left: 190px;
          }
          &:nth-child(2) {
            background: url(/static/imgs/wgh/22.png);
            top: 50px;
            left: 90px;
          }
          &:nth-child(3) {
            background: url(/static/imgs/wgh/23.png);
            top: 50px;
            left: 290px;
          }
          &:nth-child(4) {
            background: url(/static/imgs/wgh/24.png);
            top: 160px;
            left: 90px;
          }
          &:nth-child(5) {
            background: url(/static/imgs/wgh/25.png);
            top: 160px;
            left: 290px;
          }
          &:nth-child(6) {
            background: url(/static/imgs/wgh/21.png);
            left: 190px;
            top: 210px;
          }
        }
      }
      .rkxx {
        .summary-infos {
          display: flex;
          >.item {
            min-width: 200px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            font-size: 24px;
            margin-right: 50px;
            .num {
              color: #fffd65;
            }
          }
        }
        .list-infos {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin: 0 20px;
          >.item {
            &:nth-child(2n) {
              min-width: 245px;
            }
            min-width: 195px;
            display: flex;
            font-size: 20px;
            line-height: 36px;
            .name {
              color: #90cdff;
            }
            .extra {
              flex-grow: 1;
              text-align: right;
            }
          }
        }
      }
      .djxx {
        display: flex;
        flex-wrap: wrap;
        >.item {
          display: flex;
          align-items: center;
          width: 160px;
          background: url(/static/imgs/wgh/28.png) no-repeat center;
          margin-bottom: 10px;
          >div {
            margin: 0 auto;
            font-size: 22px;
            text-align: center;
            .extra {
              color: #fffd65;
            }
          }
        }
      }
    }
    .infos-item-block {
      display: block;
      margin-bottom: 40px;
      .itemtitle {
        font-size: 30px;
        color: #fffd65;
        line-height: 35px;
        width: 100%;
        margin: 10px 0;
        &::before {
          display: inline;
          margin-right: 10px;
        }
      }
    }
  }
  .el-loading-mask {
    zoom: 3;
  }
}
#wghfx {
  &.left {
    position: absolute;
    width: 960px;
    height: 934px;
    top: 115px;
    left: 25px;
  }
  &.right {
    position: absolute;
    width: 940px;
    height: 934px;
    top: 115px;
    right: 25px;
  }
  .headerp {
    position: absolute;
    height: 56px;
    display: flex;
    padding: 0px 170px;
    width: 1360px;
    left: 960px;
    top: 20px;
    .itemt {
      min-width: 192px;
      height: 56px;
      background: url(/static/imgs/wgh/31.png);
      line-height: 56px;
      color: #7cbaf0;
      text-align: center;
      font-size: 26px;
      cursor: pointer;
      &.active {
        background: url(/static/imgs/wgh/32.png);
        color: white;
        background-size: 100% 80px;
        min-width: 205px;
        height: 68px;
      }
    }
  }
  /*
  .headerp::before {
    content: ' ';
    width: 245px;
    height: 52px;
    position: absolute;
    background: url(/static/imgs/wgh/30.png) no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
  }
  .headerp::after {
    content: ' ';
    width: 245px;
    height: 52px;
    position: absolute;
    background: url(/static/imgs/wgh/29.png) no-repeat;
    background-size: 100%;
    right: 0;
    top: 0;
  }
  */
  .maincp {
    height: 880px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px 0;
    // overflow: hidden;
    >.item {
      .title-head {
        img {
          margin-right: 15px;
        }
        color: white;
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        display: flex;
        align-items: center;
        .tab-change-bar {
          display: flex;
          position: absolute;
          right: 90px;
          font-size: 16px;
          .item {
            background: url(/static/imgs/wgh/rk/01.png) no-repeat -150px 0;
            margin-right: 20px;
            background-size: 300px 40px;
            width: 150px;
            height: 48px;
            text-align: center;
            line-height: 36px;
            cursor: pointer;
            &.active {
              background: url(/static/imgs/wgh/rk/01.png) no-repeat;
              background-size: 300px 40px;
            }
          }
        }
      }
    }
    .jiehun-info {
      position: absolute;
      right: 50px;
      top: 40px;
      .item {
        background: url(/static/imgs/wgh/rk/02.png);
        width: 130px;
        height: 80px;
        background-size: 100% 100%;
        margin-bottom: 40px;
        .x1 {
          color: #38ebff;
          font-size: 22px;
          text-align: center;
          line-height: 50px;
        }
        .x2 {
          color: #fff;
          font-size: 28px;
          text-align: center;
          line-height: 20px;
        }
      }
    }
    .ssgdgdList{
      margin: 25px 0;
      height: 300px;
      .gd-item {
        color: white;
        list-style: none;
        display: flex;
        font-size: 24px;
        height: 60px;
        line-height: 60px;
        .title {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          flex-grow: 1;
          cursor: pointer;
          &::before {
            content: '•';
          }
        }
        .date {
          min-width: 145px;
          margin-left: 20px;
        }
        &:nth-child(2n) {
          background: #0c275b;
        }
      }
    }
    .sbsjtjList {
      .gd-item {
        cursor: pointer;
        display: flex;
        align-items: center;
        height: 87px;
        &:nth-child(2n+1) {
          background: url(/static/imgs/wgh/71.png);
          background-size: 100%;
          background-repeat: no-repeat;
        }
        &:nth-child(2n) {
          background: url(/static/imgs/wgh/72.png);
          background-size: 100%;
          background-repeat: no-repeat;
        }
        .type {
          width: 180px;
          text-align: center;
          font-size: 20px;
          color: white;
          padding: 0px 30px;
        }
        .rp {
          width: calc(100% - 210px);
          padding: 10px;
          line-height: 30px;
          .content {
            color: #05dbfb;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            .date {
              color: #ffffff;
              padding-right: 30px;
            }
          }
        }
      }
    }
    .gfwtpxtjList {
      &>.item {
        height: 60px;
        background: url(/static/imgs/wgh/2.png);
        display: flex;
        color: white;
        line-height: 60px;
        font-size: 20px;
        &:nth-child(1) {
          &::before {
            content: '';
            width: 100px;
            height: 60px;
            background: url(/static/imgs/wgh/47.png) no-repeat 50%;
          }
        }
        &:nth-child(2) {
          &::before {
            content: '';
            width: 100px;
            height: 60px;
            background: url(/static/imgs/wgh/48.png) no-repeat 50%;
          }
        }
        &:nth-child(3) {
          &::before {
            content: '';
            width: 100px;
            height: 60px;
            background: url(/static/imgs/wgh/49.png) no-repeat 50%;
          }
        }
        &:nth-child(4) {
          &::before {
            content: '';
            width: 100px;
            height: 60px;
            background: url(/static/imgs/wgh/50.png) no-repeat 50%;
          }
        }
        &:nth-child(5) {
          &::before {
            content: '';
            width: 100px;
            height: 60px;
            background: url(/static/imgs/wgh/51.png) no-repeat 50%;
          }
        }
        &:nth-child(6) {
          &::before {
            content: '';
            width: 100px;
            height: 60px;
            background: url(/static/imgs/wgh/52.png) no-repeat 50%;
          }
        }
        .name {
          flex: 4;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer;
        }
        .val {
          flex: 2;
          text-align: center;
        }
      }
    }
    .wghfx-jrkq {
      display: flex;
      align-items: center;
      >.left {
        // 水晶球
        width: 180px;
        .sjq {
          height: 180px;
        }
        .text {
          color: white;
          font-size: 28px;
          text-align: center;
          padding: 20px;
          line-height: 48px;
        }
      }
      >.right {
        width: calc(100% - 180px);
        height: 100%;
        .kq-group {
          display: flex;
          align-items: center;
          margin-bottom: 20px;
          .group-name {
            width: 32px;
            line-height: 36px;
            font-size: 30px;
            color: #f4bf00;
          }
          .group-items {
            .item {
              display: flex;
              align-items: center;
              margin-bottom: 14px;
              .item-name, .item-num {
                color: white;
                font-size: 26px;
                width: 200px;
                min-width: 200px;
                text-align: center;
              }
              .item-num {
                width: 150px;
                min-width: 150px;
                text-indent: 20px;
                font-family: "digifaw", sans-serif;
                text-align: left;
              }
              .style-bar {
                zoom: 65%;
              }
            }
          }
        }
      }
    }
    .chart-12345-myd {
      background: url(/static/imgs/wgh/bt.png) no-repeat;
      background-position: center;
      background-size: 75%;
      display: flex;
      align-items: center;
      justify-content: space-around;
      position: relative;
      .myd-process {
        zoom: 2.25;
        position: absolute;
        left: 49px;
        .el-progress__text {
          font-size: 20px !important;
          color: white;
        }
      }
    }
    .qyph-list {
      color: white;
      font-size: 22px;
      margin-right: 20px;
      flex: 1;
      .header {
        border: 1px solid #bec8fa;
        text-align: center;
        display: flex;
        margin: 10px 0;
        .t1 {
          min-width: 60px;
          margin-right: 10px;
        }
        .t2 {
          flex-grow: 1;
        }
        .t3 {
          min-width: 70px;
        }
      }
      .boder {
        max-height: 300px;
        overflow: scroll;
        @extend .style-scroller;
      }
      .len {
        &:nth-child(2n) {
          background: #0c275b;
        }
        display: flex;
        text-align: center;
        height: 60px;
        line-height: 60px;
        .t1 {
          min-width: 60px;
          overflow: hidden;
          &._1 {
            background: url(/static/imgs/wgh/039.png) no-repeat 9px 8px;
            text-indent: -90px;
          }
          &._2 {
            background: url(/static/imgs/wgh/040.png) no-repeat 9px 8px;
            text-indent: -90px;
          }
          &._3 {
            background: url(/static/imgs/wgh/041.png) no-repeat 9px 8px;
            text-indent: -90px;
          }
        }
        .t2 {
          flex-grow: 1;
          text-align: left;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 320px;
        }
        .t3 {
          min-width: 70px;
          color: #5dd2e0;
        }
      }
    }
    .jytable {
      .table-head {
        display: flex;
        background: #103586;
        width: 100%;
        color: white;
        font-size: 24px;
        height: 84px;
        ._60 {
          line-height: 84px;
          text-align: center;
        }
        .flex {
          display: flex;
          justify-content: space-around;
        }
      }
      .table-body {
        margin-top: 6px;
        background: #0F224D;
        color: #fff;
        font-size: 22px;
        .len {
          display: flex;
          margin: 10px;
          border-bottom: 1px solid #1A3473;
          height: 70px;
          line-height: 70px;
          text-align: center;
          .it1 { min-width: 230px;}
          .it2 { min-width: 180px;}
          .it3 { min-width: 90px;}
        }
      }
    }
    .ylzyfx {
      display: flex;
      flex-wrap: wrap;
      margin-top: 20px;
      justify-content: space-around;
      .title {
        width: 100%;
        color: #fff;
        font-size: 24px;
        text-align: center;
      }
      .item {
        width: 126px;
        height: 105px;
        position: relative;
        &._1 {
          background: url(/static/imgs/wgh/rk/9.png);
        }
        &._2 {
          background: url(/static/imgs/wgh/rk/10.png);
        }
        &._3 {
          background: url(/static/imgs/wgh/rk/11.png);
        }
        &._4 {
          background: url(/static/imgs/wgh/rk/12.png);
        }
        &::after {
          content: attr(attr-title);
          position: absolute;
          color: #fff;
          top: 21px;
          font-size: 20px;
          width: 100%;
          left: 31px;
        }
        .cont {
          position: absolute;
          color: #fff;
          display: flex;
          top: 68px;
          font-size: 20px;
          width: 100%;
          left: 31px;
          .num {
            color: #b0f4ff;
            font-size: 30px;
            line-height: 10px;
            padding: 7px 5px;
          }
        }
      }

    }
  }
}

#biplatform {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: #0000008a;
  .mainframe {
    background: url(/static/imgs/bi/14.png);
    width: 3001px;
    height: 875px;
    margin: 0 auto;
    margin-top: 90px;
  }
  .paihang {
    width: 390px;
    float: left;
    margin: 130px 50px;
    .title {
      font-size: 25px;
      line-height: 37px;
      background: -webkit-gradient(linear,left top,left bottom,from(#efffff),to(#76f1fa));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      img {
        margin-top: -8px;
      }
      span {
        font-weight: bold;
        margin-left: 10px;
      }
    }
    .header {
      background: #09295c;
      color: #fff;
      display: flex;
      height: 52px;
      line-height: 52px;
      font-size: 20px;
      margin-top: 10px;
      text-align: center;
      border-radius: 5px;
      .t1 {width: 80px; min-width: 80px; max-width: 80px}
      .t2 {flex-grow: 1}
      .t3 {width: 120px; min-width: 120px; max-width: 120px}
    }
    .items {
      .item {
        display: flex;
        height: 52px;
        line-height: 52px;
        font-size: 20px;
        color: white;
        margin-top: 10px;
        background: url(/static/imgs/bi/15.png) no-repeat;
        &:nth-child(2n) {
          background: url(/static/imgs/bi/15.png) no-repeat 0 -51px;
        }
        &:nth-child(1) {.t1 span { background: #ff0000;}}
        &:nth-child(2) {.t1 span { background: #fc7732;}}
        &:nth-child(3) {.t1 span { background: #32a738;}}
        .t1 {width: 80px; min-width: 80px; max-width: 80px;text-align: center;
          span {
            background: #1692ca;
            width: 30px;
            height: 30px;
            display: inline-block;
            border-radius: 5px;
            line-height: 30px;
          }
        }
        .t2 {flex-grow: 1}
        .t3 {width: 120px; min-width: 120px; max-width: 120px;text-align: center; color:#54e4f7;}
      }
    }
  }
  .centerNums {
    width: 940px;
    float: left;
    margin: 180px 50px;
    text-align: center;
    .title {
      font-size: 42px;
      font-weight: 900;
      line-height: 37px;
      margin-top: 130px;
      background: -webkit-gradient(linear,left top,left bottom,from(#efffff),to(#76f1fa));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .nums {
      display: flex;
      width: 520px;
      justify-content: space-around;
      margin: 30px auto;
      .group {
        display: flex;
        width: 160px;
        justify-content: space-around;
        .item {
          width: 44px;
          height: 60px;
          border: 1px solid #9af7fe;
          border-radius: 3px;
          line-height: 60px;
          font-size: 52px;
          background: #1b2b65;
          color: white;
        }
      }
    }
    .numGroup {
      width: 100%;
      height: 240px;
      margin-top: 110px;
      .item {
        width: 188px;
        height: 94px;
        background: url(/static/imgs/bi/2.png);
        float: left;
        .th {
          color: #fff;
          font-size: 22px;
          line-height: 46px;
        }
        .nu {
          color: #faf973;
          font-size: 30px;
        }
        &._2 {
          margin-top: 100px;
          margin-left: 30px;
        }
        &._3 {
          margin-top: 100px;
          margin-left: 100px;
        }
        &._4 {margin-left: 30px;}
      }
    }
  }
  .rightTj {
    width: 910px;
    height: 700px;
    background: url(/static/imgs/bi/13.png) no-repeat;
    float: left;
    margin: 110px 0 0 40px;
    text-align: center;
    background-position: center;
    position: relative;
    .logo {
      position: absolute;
      width: 160px;
      height: 85px;
      &._1 {background: url(/static/imgs/bi/4.png) no-repeat;    left: 355px;
        top: 120px;}
      &._2 {background: url(/static/imgs/bi/5.png) no-repeat;    left: 545px;
        top: 180px;}
      &._3 {background: url(/static/imgs/bi/8.png) no-repeat;left: 645px;
        top: 290px;}
      &._4 {background: url(/static/imgs/bi/12.png) no-repeat;    left: 625px;
        top: 430px;}
      &._5 {background: url(/static/imgs/bi/9.png) no-repeat;left: 475px;
        top: 520px;
      }
      &._6 {background: url(/static/imgs/bi/11.png) no-repeat;    left: 285px;
        top: 520px;}
      &._7 {background: url(/static/imgs/bi/10.png) no-repeat;    left: 135px;
        top: 430px;}
      &._8 {background: url(/static/imgs/bi/7.png) no-repeat;    left: 85px;
        top: 310px;
      }
      &._9 {background: url(/static/imgs/bi/6.png) no-repeat;    left: 175px;
        top: 180px;}
    }
    .block {
      position: absolute;
      &._1 {    top: 40px;
        left: 360px;}
      &._2 {    top: 190px;
        left: 700px;}
      &._3 {top: 290px;
        left: 800px;}
      &._4 {    top: 430px;
        left: 790px;}
      &._5 {    top: 580px;
        left: 620px;}
      &._6 {    top: 620px;
        left: 300px;}
      &._7 {    top: 480px;
        left: 10px;}
      &._8 {    top: 350px;
        left: -30px;}
      &._9 {    top: 200px;
        left: 10px;}
      .title {
        width: 120px;
        color: #2bceef;
        font-size: 22px;
        border: 1px solid #2bceef;
      }
      .num {
        font-size: 18px;
        margin: 10px 5px;
        color: #fff;
        span {color: #2bceef;}
      }
    }
  }
}
.pointer-none {
  pointer-events: none;
}
.breathe-anm {
  border-radius: 50%;
  box-shadow:0 1px 2px rgba(0,0,0,.3);
  overflow:hidden;
  border: 1px solid #fff;
  background-image: -webkit-radial-gradient(#02ffeb, #fafcfb);
  &._19jo8pecdvw2f {
    background-image: url(/static/imgs/map/19jo8pecdvw2f.png);
    background-size: 100% 100%;
  }

  &._19jo8pecdvw2f1 {
    background-image: url(/static/imgs/map/19jo8pecdvw2f1.png);
    background-size: 100% 100%;
  }

  &._19jo8pecdvw2f2 {
    background-image: url(/static/imgs/map/19jo8pecdvw2f2.png);
    background-size: 100% 100%;
  }

  &._luk1ojf25weq {
    background-image: url(/static/imgs/map/luk1ojf25weq.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1 {
    background-image: url(/static/imgs/map/1le3khhz2dojy1.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1a {
    background-image: url(/static/imgs/map/1le3khhz2dojy1a.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1b {
    background-image: url(/static/imgs/map/1le3khhz2dojy1b.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1e {
    background-image: url(/static/imgs/map/1le3khhz2dojy1e.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1c {
    background-image: url(/static/imgs/map/1le3khhz2dojy1c.png);
    background-size: 100% 100%;
  }

  &._1qgcbibvsj48w {
    background-image: url(/static/imgs/map/1qgcbibvsj48w.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1d {
    background-image: url(/static/imgs/map/1le3khhz2dojy1d.png);
    background-size: 100% 100%;
  }

  &._1le3khhz2dojy1f {
    background-image: url(/static/imgs/map/1le3khhz2dojy1f.png);
    background-size: 100% 100%;
  }

  &._1hgq8ysha0ffn {
    background-image: url(/static/imgs/map/1hgq8ysha0ffn.png);
    background-size: 100% 100%;
  }

  &._1hgq8ysha0ffn1 {
    background-image: url(/static/imgs/map/1hgq8ysha0ffn1.png);
    background-size: 100% 100%;
  }

  &._1hgq8ysha0ffn2 {
    background-image: url(/static/imgs/map/1hgq8ysha0ffn2.png);
    background-size: 100% 100%;
  }

  &._1hgq8ysha0ffn3 {
    background-image: url(/static/imgs/map/1hgq8ysha0ffn3.png);
    background-size: 100% 100%;
  }

  &._1hgq8ysha0ffn4 {
    background-image: url(/static/imgs/map/1hgq8ysha0ffn4.png);
    background-size: 100% 100%;
  }

  &._1k58ue1iifvqg {
    background-image: url(/static/imgs/map/1k58ue1iifvqg.png);
    background-size: 100% 100%;
  }

  &._1k58ue1iifvqg2 {
    background-image: url(/static/imgs/map/1k58ue1iifvqg2.png);
    background-size: 100% 100%;
  }

  &._1k58ue1iifvqg1 {
    background-image: url(/static/imgs/map/1k58ue1iifvqg1.png);
    background-size: 100% 100%;
  }

  &._97bqeyjvhg2j {
    background-image: url(/static/imgs/map/97bqeyjvhg2j.png);
    background-size: 100% 100%;
  }

  &._tc720f8qzjsk {
    background-image: url(/static/imgs/map/tc720f8qzjsk.png);
    background-size: 100% 100%;
  }

  &._4bsj7d9cm8zr {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr.png);
    background-size: 100% 100%;
  }

  &._4bsj7d9cm8zr1 {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr1.png);
    background-size: 100% 100%;
  }

  &._4bsj7d9cm8zr2 {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr2.png);
    background-size: 100% 100%;
  }

  &._4bsj7d9cm8zr3 {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr3.png);
    background-size: 100% 100%;
  }

  &._4bsj7d9cm8zr4 {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr4.png);
    background-size: 100% 100%;
  }

  &._4bsj7d9cm8zr5 {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr5.png);
    background-size: 100% 100%;
  }

  &._123vl2x3ldha4 {
    background-image: url(/static/imgs/map/123vl2x3ldha4.png);
    background-size: 100% 100%;
  }

  &._5r6q2jah22hr {
    background-image: url(/static/imgs/map/5r6q2jah22hr.png);
    background-size: 100% 100%;
  }

  &._1efxyhs0ebx80 {
    background-image: url(/static/imgs/map/1efxyhs0ebx80.png);
    background-size: 100% 100%;
  }

  &._1ura96ek3fr21 {
    background-image: url(/static/imgs/map/1ura96ek3fr21.png);
    background-size: 100% 100%;
  }

  &._1ktjag6y1937u {
    background-image: url(/static/imgs/map/1ktjag6y1937u.png);
    background-size: 100% 100%;
  }

  &._1ktjag6y1937u1 {
    background-image: url(/static/imgs/map/1ktjag6y1937u1.png);
    background-size: 100% 100%;
  }

  &._1ktjag6y1937u2 {
    background-image: url(/static/imgs/map/1ktjag6y1937u2.png);
    background-size: 100% 100%;
  }

  &._4s3j1clfpspo {
    background-image: url(/static/imgs/map/4s3j1clfpspo.png);
    background-size: 100% 100%;
  }

  &._1n7guj6xhhyw7 {
    background-image: url(/static/imgs/map/1n7guj6xhhyw7.png);
    background-size: 100% 100%;
  }

  &._1q9l109fpyttu {
    background-image: url(/static/imgs/map/1q9l109fpyttu.png);
    background-size: 100% 100%;
  }

  &._l41v01i3y1mx {
    background-image: url(/static/imgs/map/l41v01i3y1mx.png);
    background-size: 100% 100%;
  }

  &._1qokwp0wj3myy {
    background-image: url(/static/imgs/map/1qokwp0wj3myy.png);
    background-size: 100% 100%;
  }
  &._1qokwp0wj3myy1 {
    background-image: url(/static/imgs/map/1qokwp0wj3myy1.png);
    background-size: 100% 100%;
  }
  &._1qokwp0wj3myy2 {
    background-image: url(/static/imgs/map/1qokwp0wj3myy2.png);
    background-size: 100% 100%;
  }

  &._moohpi0jb7va {
    background-image: url(/static/imgs/map/moohpi0jb7va.png);
    background-size: 100% 100%;
  }

  &._un1k7j9ba8e {
    background-image: url(/static/imgs/map/un1k7j9ba8e.png);
    background-size: 100% 100%;
  }

  &._lgwo0vqid6a3 {
    background-image: url(/static/imgs/map/lgwo0vqid6a3.png);
    background-size: 100% 100%;
  }

  &._1unh1t9w12ilc {
    background-image: url(/static/imgs/map/1unh1t9w12ilc.png);
    background-size: 100% 100%;
  }

  &._qf7w4t4d9h5r {
    background-image: url(/static/imgs/map/qf7w4t4d9h5r.png);
    background-size: 100% 100%;
  }

  &._7va61phu5tbz {
    background-image: url(/static/imgs/map/7va61phu5tbz.png);
    background-size: 100% 100%;
  }

  &._un1k7j9ba8ea {
    background-image: url(/static/imgs/map/un1k7j9ba8ea.png);
    background-size: 100% 100%;
  }

  &._un1k7j9ba8eb {
    background-image: url(/static/imgs/map/un1k7j9ba8eb.png);
    background-size: 100% 100%;
  }

  &._un1k7j9ba8ec {
    background-image: url(/static/imgs/map/un1k7j9ba8ec.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78 {
    background-image: url(/static/imgs/map/95jtmhsbh78.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh781 {
    background-image: url(/static/imgs/map/95jtmhsbh781.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh782 {
    background-image: url(/static/imgs/map/95jtmhsbh782.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh783 {
    background-image: url(/static/imgs/map/95jtmhsbh783.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh784 {
    background-image: url(/static/imgs/map/95jtmhsbh784.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78d {
    background-image: url(/static/imgs/map/95jtmhsbh78d.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78a {
    background-image: url(/static/imgs/map/95jtmhsbh78a.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78aa {
    background-image: url(/static/imgs/map/95jtmhsbh78aa.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78ab {
    background-image: url(/static/imgs/map/95jtmhsbh78ab.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78b {
    background-image: url(/static/imgs/map/95jtmhsbh78b.png);
    background-size: 100% 100%;
  }

  &._95jtmhsbh78c {
    background-image: url(/static/imgs/map/95jtmhsbh78c.png);
    background-size: 100% 100%;
  }
  &._9iuogsp7s9xo {
    background-image: url(/static/imgs/map/9iuogsp7s9xo.png);
    background-size: 100% 100%;
  }
  &._1f2p9o2qqv3eo {
    background-image: url(/static/imgs/map/1f2p9o2qqv3eo.png);
    background-size: 100% 100%;
  }
  &._1eonrud4i056s {
    background-image: url(/static/imgs/map/1eonrud4i056s.png);
    background-size: 100% 100%;
  }
  &._1s6t6ppqbaa2r {
    background-image: url(/static/imgs/map/1s6t6ppqbaa2r.png);
    background-size: 100% 100%;
  }
  &._1s6t6ppqbaa2r1 {
    background-image: url(/static/imgs/map/1s6t6ppqbaa2r1.png);
    background-size: 100% 100%;
  }
  &._1s6t6ppqbaa2r2 {
    background-image: url(/static/imgs/map/1s6t6ppqbaa2r2.png);
    background-size: 100% 100%;
  }
  &._4bsj7d9cm8zr6 {
    background-image: url(/static/imgs/map/4bsj7d9cm8zr6.png);
    background-size: 100% 100%;
  }
  &.warning {
    background-image: -webkit-radial-gradient(#ff5e00,rgba(255, 0, 0, 0.8));
  }
  &.orange {
    background-image: -webkit-radial-gradient(#f79f60,rgba(255, 118, 0, 0.8));
  }
  &.yellow {
    background-image: -webkit-radial-gradient(rgb(231, 247, 96),rgba(253, 255, 107, 0.8));
  }
  &.grey {
    background-image: -webkit-radial-gradient(rgb(136, 136, 136),rgba(126, 126, 126, 0.8));
  }
  &.right {
    background-image: -webkit-radial-gradient(green,#88d988);
  }
  animation-name:breathe;
	animation-duration:1500ms;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:1500ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}
.breathe-anm:hover {
  // zoom: 1.1;
  border: 2px solid #fff;
  transform: translate(-2px, -2px);
  animation-name:none;
}
// @-webkit-keyframes breathe {
// 	0% {
// 	opacity:.8;
// 	box-shadow:0 1px 2px rgba(255,255,255,0.1);
// }
// 100% {
// 	opacity:1;
// 	box-shadow:0 1px 30px rgba(255,255,255,0.9);
// }
// }
@keyframes breathe {
	0% {
  opacity:.8;
  box-shadow:0 1px 2px rgba(255,255,255,0.1);
  transform: scale(1);
}
100% {
  opacity:1;
  box-shadow:0 1px 30px rgba(255,255,255,0.9);
  transform: scale(1.2);
}
}
.amap-marker:hover {
  z-index: 150 !important;
}

.layui-layer-content {
  position: relative;
  height: 920px;
  overflow: hidden;
}
.yzwy-detail {
  table {
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-spacing: 12px;
    width: calc(100% - 10px);
    background: #5a6d9245;
    th {
      border-width: 1px;
      padding: 10px;
      font-size: 22px;
      border-style: solid;
      border-color: #ffffff;
      background-color: #05dfec59;
    }
    td {
      border-width: 1px;
      padding: 8px;
      border-style: solid;
      border-color: #ffffff;
      background-color: #00000000;
      &.count {cursor: pointer;}
    }
    .video {
      background: url(/static/imgs/zhdd/23.png) no-repeat;
      width: 40px;
      height: 40px;
      margin: 0 10px;
      cursor: pointer;
    }
    .guiji {
      background: url(/static/imgs/zhdd/24g.png) no-repeat;
      background-size: 100%;
      width: 40px;
      height: 40px;
      margin: 0 10px;
      cursor: pointer;
    }
  }
}

.kq-group:first-child {
  margin-top: 70px;
  height: 180px;
  flex-direction: column;
}

.kq-group:first-child .group-name{
  width: 100% !important;
  text-indent: 40px;
  margin-bottom: 20px;
}

.kq-group:last-child {
  display: none !important;
}
.el-loading-mask {
  background-color: #221f4310;
}
.el-message {
  zoom: 1.5;
}